<template>
  <div class="comp-newslist-page-wrapper">
    <el-pagination
      :page-sizes="[1, 2, 3, 4]"
      layout="slot, prev, pager, next"
      :total="1000"
      prev-text="上一页"
      next-text="下一页"
      background
    >
      <button class="btn-prev">首页</button>
    </el-pagination>
    <el-pagination
      :page-sizes="[1, 2, 3, 4]"
      layout="slot"
      :total="1000"
      prev-text="上一页"
      next-text="下一页"
      background
    >
      <button class="btn-prev">尾页</button>
    </el-pagination>
  </div>
</template>

<script>
export default {
  name: "NewsListPage",
};
</script>

<style scoped lang="less">
.comp-newslist-page-wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
</style>